<template>
  <div class="app-container">
    <el-table
      :data="tableData"
      border
      stripe
      style="width: 100%">

      <el-table-column
        prop="name"
        label="单价"
        width="180">
      </el-table-column>
      <el-table-column
        prop="price"
        label="佣金">
      </el-table-column>
    </el-table>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        tableData: []
      }
    },
    mounted: function () {
      this.loadData()

    },
    methods: {
      loadData: function () {
        console.info('load page data ')
        let list_data = []
        for (let i = 0; i < 50; i++) {
          let aobject = {}
          aobject['name'] = (i * 100) + 1 + '-' + (i + 1) * 100;
          aobject['price'] = i + 8;

          list_data.push(aobject);

        }
        this.tableData = list_data


      }
    }

  }
</script>
